<template>
    <view class="components-myquote-item">
       
		 <view class="flex-align-items item-border-bottom padding-bottom-30">
		            <view style="width: 100%">
		                <view class="flex-align-items padding-0-10 margin-top-20">
		                    <text class="info">报价：{{listsData.priceString}}</text>
		                    <view class="publish-time">
		                    	<text>{{listsData.quoteTime}}</text>
		                    </view>
		                </view>
						<view class="flex-align-items padding-0-10 margin-top-20">
							<text class="remark-class">备注：</text>
							<text class="info">{{(listsData.remark && listsData.remark != '') ? listsData.remark : '-'}}</text>
						</view>
						
		       </view>
		 </view>
  
    </view>
</template>
<script >
    export default {

        props: {
            listsData: Object,// 数据
						
           
        },
	     	data() {
					return {
						
						}
				},
        computed: {
        },
        methods: {

        }
    };
</script>
<style>
    .components-myquote-item {
        border-radius: 8upx;
        border: 1upx #e5e5e5 solid;
		border-bottom: none;
        padding: 10upx 20upx 0;
        background-color: #ffffff;
        margin-bottom: -30upx;
    }
	/* .flex-align-item-center{
		height:400upx !important;
	} */
    .components-myquote-item .padding-0-10{
        padding: 0 0upx;
    }
    .components-myquote-item .margin-top-20{
       margin-top: 20upx;
    }
    .components-myquote-item .padding-bottom-30{
        padding-bottom: 30upx;
    }
    .components-myquote-item .flex-align-items {
        display: flex;
        vertical-align: middle;
        font-size: 28upx;
        color: #1a1a1a;
        background-color: #ffffff;
        justify-content: space-between;
		position: relative;
    }
		.flex-align-items .flex-align-items-center{
			margin-top:30upx;
		}
		.flex-align-items-center .flex-align-items-center-bottom{
			padding-bottom: 0 !important;
		}
		
    .components-myquote-item .item-border-bottom {
        border-bottom: 1px #e6e6e6 dashed;
				
    }
		.item-center-bottom{
			padding-bottom: 10upx;
		}
    .components-myquote-item button {
        font-size: 28upx;
        width: 160upx;
        height: 68upx;
        line-height: 68upx;
        border-radius: 34upx;
        text-align: center;
        background-color: #077131;
        color: #ffffff;
        float: right;
    }
    .components-myquote-item .icon {
        width: 36upx;
        height: 36upx;
        margin-right: 10upx;
    }
	.components-myquote-item .icon-time {
	    width: 20upx !important;
	    height: 20upx !important;
	    margin-right: 10upx;
	}
	.publish-time{
		color:#737880;
		font-size: 24upx !important;
		float: right;
	}
    .components-myquote-item .info-main {
        flex-shrink: 0;
        font-size: 30upx;
        height: 32upx;
        line-height: 32upx;
		display: inline-block;
    }
	.components-price-info .default-option-label {
		color:077131 !important;
		font-size: 28upx !important;
	}
    .components-myquote-item .remark-class {
        flex-shrink: 0;
        font-size: 26upx;
    }
    .components-myquote-item .info {
        font-size: 26upx;
        width: 100%;
        text-align: left;
    }
    .components-myquote-item .info-icon {
        width: 100upx;
        height: 76upx;
        line-height: 76upx;
        float: right;
        flex-shrink: 0;
        margin-right: 10upx;
		margin-top: 100upx;
		position: absolute;
		right:0;
		bottom:20upx;
    }
    .components-myquote-item .publish-time {
        float: right;
        flex-shrink: 0;
        font-size: 20upx;
    }
    .components-myquote-item .info-tip {
        width: auto;
        height: 32upx;
        line-height: 32upx;
        margin-left: 20upx;
        padding: 0 8upx;
        text-align: center;
        border-radius: 16upx;
        border: 2upx #f5b431 solid;
        color: #f5b431;
        font-weight: bold;
        font-size: 20upx;
    }
    .components-myquote-item .info-tip-view {
        width: 100%;
    }
	.view-list-foot{
		display: flex;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		margin-top:20upx;
	    margin-bottom: 20upx;
	}
	.view-list-foot-left{
	
		border-right:1upx  #E6e6e6 solid;
		
	}
	.view-list-foot-left-text {
	
		font-size:24upx;
		color:#4c4c4c;
		height:24upx;
		line-height:24upx;
		padding-bottom: 20upx;
		width: 534upx;
	}
	.view-list-foot-left-text-botton{
		font-size:24upx;
		color:#4c4c4c;
		height:24upx;
		line-height:24upx;
	}
	
	.view-list-item-see{
		width:128upx;
		align-items: center;
		align-content: center;
		display:flex;
		justify-content:center;
	}
	.view-list-item-see image {
		width:36upx;
		height:36upx;
	}
	.view-list-item-see-text {
		 font-size:28upx;
		 color:#077131;
		 padding-left:8upx;
	}
	
</style>